import $ from './libs/jquery';
import cxScroll from './cxscroll';
//gotop
(function(){
    var FeedbackOptions=FeedbackOptions||{};
    FeedbackOptions.style=FeedbackOptions.style||'cms';
    FeedbackOptions.host=FeedbackOptions.host||'info.xcar.com.cn';
    var className='return_coat';
    //if(document.body.clientWidth<1140)return;
    var htmlStr='<!-- 右侧随动 -->\
	<!-- 右侧随动 判断页面宽度为1024时，修改下面#control_coat的class修改为“control_coat1024” -->\
	<div class="'+className+'" style="display:none;" id="control_coat">\
	<div class="return_top" id="return_top"><a href="javascript:void(0)">回到顶部</a></div>\
	</div>\
	<!-- /右侧随动 -->';
    document.write(htmlStr);
    var controlCoat=document.getElementById('control_coat')
    window.onscroll=function(){
        var thisTop=document.body.scrollTop+document.documentElement.scrollTop;
        if(thisTop>500){
            controlCoat.style.display="block";

        }else{
            controlCoat.style.display="none";
        }
    }
    function backTop(){
        if(typeof jQuery!=='undefined'){
            jQuery('html,body').animate({scrollTop:0});
        }else{
            window.scrollTo(0,0);
        }
    }
    return_top.onclick=function(){
        backTop();
    }

})()
$(function(){
    $(".question_box .ques_ul li").each(function(index,item){

        var BoxHeight = $(item).find(".list_box").height();
        var rightHeiht =$(item).find(".info_height").height();

        if($(item).find(".second").length <= 0){
            $(item).find("table").css({"height":"100%"});
        }
        if(rightHeiht <= BoxHeight){

            $(".info_height").css({"height":BoxHeight});
        }
    })
    var flag=true;
    //分类select
        $(".xbb_screen").click(
            function(){
                if(flag){
                $(this).find("a em").addClass("xbb_crr");
                $(".xbb_screen ul").css("display","block");
                flag=false;
                }
                else{
                $(this).find("a em").removeClass("xbb_crr");
                $(".xbb_screen ul").css("display","none");
                flag=true;
            }

})
});

$(function() {
    //已解决未解决
    var page=1;
    $('body').on('click','[data-type="add_time_desc"]',function(){
        location.reload();
    });
    $('body').on('click','[data-type=answered],[data-type=unanswered]', function(e) {
        e.preventDefault();
        var $self=$(this);
        $.ajax({
            url: 'http://rapapi.xcar.com.cn/app/mock/24/GET/question_list',
            data:{
                page:page,
                type:$self.attr('data-type')
            },
            type: "GET",
            dataType: 'json',
            success: function(res) {
                var code=res.code;
                res=res.result;
                if(code===200){
                    var html='';
                    for(var i=0;i<res.data.length;i++){
                        html+='<li class="clearfix">';
                        html+='<div class="list_box clearfix">';
                        html+='<div class="header_one">';
                        html+='<i class="icon_two"></i>';
                        html+='<a href="http://my.xcar.com.cn/space.php?'+res.data[i].quid+'" class="img" target="_blank"><img onerror="javascript:this.src=\'http://icon.xcar.com.cn/cwy/XBB/images/head_default.png\'"src="'+res.data[i].qicon+'" width="34" height="34"></a>';
                        html+='</div>';
                        html+='<div class="info info_height">';
                            if(res.data[i].content && res.data[i].content!==''){
                                html+='<table>';
                                html+='<tbody><tr>';
                                html+='<td><a href="http://testask.xcar.com.cn/q/'+res.data[i].qid+'.html" class="first ellipsis" target="_blank">'+res.data[i].subject+'</a></td>';
                                html+='</tr>';
                                html+='</tbody>';
                                html+='</table>';
                                html+='<a href="http://testask.xcar.com.cn/q/'+res.data[i].qid+'.html" class="second ellipsis" target="_blank">'+res.data[i].content+'</a>';
                            }else if(res.data[i].content && res.data[i].content==''){
                                html+='<table>';
                                html+='<tbody><tr>';
                                html+='<td><a href="http://testask.xcar.com.cn/q/'+res.data[i].qid+'.html" class="first ellipsis" target="_blank">'+res.data[i].subject+'</a></td>';
                                html+='</tr>';
                                html+='</tbody>';
                                html+='</table>';
                            }
                        html+='</div>';
                        html+='</div>';
                        html+='<div class="list_box clearfix">';
                            if(res.data[i].answer_num>0){
                                for(var j=0;j<res.data[i].answer_num.length;j++){
                                    if(res.data[i].is_good==1||res.data[i].is_good==2){
                                        html+='<div class="answer_list_box">';
                                            html+='<div class="header_one">';
                                        if(res.data[i].is_good==1){
                                            html+='<i class="icon_one"></i>';
                                        }
                                        if(res.data[i].is_good==2){
                                            html+='<i class="icon_three"></i>';
                                        }
                                        html+='<a href="http://my.xcar.com.cn/space.php?'+res.data[i].qid+'" class="img" target="_blank"><img onerror="javascript:this.src=\'http://icon.xcar.com.cn/cwy/XBB/images/head_default.png\'" src="'+res.data[i].answer_list.aicon+'" width="34" height="34"></a>';
                                        html+='</div>';
                                        html+='<div class="info">';
                                        html+='<a class="third ellipsis" href="http://testask.xcar.com.cn/q/'+res.data[i].aid+'.html"  target="_blank">'+res.data[i].content+'</a>';
                                        html+='</div>';
                                        html+='</div>';
                                    }
                                }
                                        html+='<p class="four ellipsis">';
                                        for(var k=0;k<res.data[i].answer_list.length;k++){
                                            html+='<span class="header02_img"><img src="'+(res.data[i].answer_list[k].aicon||'http://icon.xcar.com.cn/cwy/XBB/images/head_default.png')+'" width="20" height="20"></span>';
                                        }
                                        html+='<em class="count">'+res.data[i].answer_num+'人回答</em>';
                                        html+='</p>';
                            }
                            else{
                                html+='<p class="four ellipsis" style="margin-top: 20px;">';
                                html+='<em class="count">0人回答</em>';
                                html+='</p>';
                            }
                    }
                }
                $(".ques_ul ul").html(html);
                var val=$self.find("a").html();
                $("#part_btn_one").find("code").text(val);
            }
        });
    })
});